<template>
	<view>
		<view v-if="data.goods.content">
    <view @tap="$emit('contentOpen',$event)" class="goods-block">
        <view class="goods-info flex-row flex-y-center">
            <image class="flex-grow-0" :src="data.__wxapp_img.goods.goods.address.url" style="width:96upx;height:32upx;margin-right:16upx;"></image>
            <view class="flex-grow-1">
                <view>
                    <view class="text-more">{{data.goods.content}}</view>
                </view>
            </view>
            <image class="flex-grow-0 goods-img" :src="data.__wxapp_img.shop.down.url"></image>
        </view>
    </view>
    <view class="content-modal flex-row flex-x-center flex-y-center" v-if="data.show_content">
        <view>
            <view class="content-body">
                <view class="flex-x-center" style="font-size:13pt;margin-top:20upx;">限区域购买</view>
                <view @tap="$emit('contentClose',$event)" class="content-img">
                    <image :src="data.__wxapp_img.dapp.close.url" style="width:32upx;height:32upx;"></image>
                </view>
                <view style="margin-top:40upx;max-height:600upx;overflow-y:auto;">{{data.goods.content}}</view>
            </view>
        </view>
    </view>
</view>

	</view>
</template>

<script>var myVue = {};
	export default {
		props:['data'],
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>
.goods-block {
    width: 100%;
    height: 72upx;
    background-color: #fff1f1;
    padding: 0 24upx;
}

.goods-info {
    color: #3f3f3f;
    height: 100%;
}

.goods-info .goods-img {
    width: 18upx;
    height: 18upx;
    transform: rotate(-90deg);
}

.content-modal {
    position: fixed;
    left: 0;
    top: var(--window-top);
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    z-index: 111;
}

.content-body {
    width: 600upx;
    background-color: #fff;
    border-radius: 8upx;
    padding: 28upx 32upx 88upx 32upx;
    position: relative;
}

.content-img {
    position: absolute;
    right: 32upx;
    top: 28upx;
}
</style>
